@import "var.styl"

html, body
  font-family: 'Microsoft YaHei', arial, sans-serif, 'Droid Sans Fallback'
  min-height 100vh
  overflow-x hidden
  background $dWhite
  position relative

html
  overflow-y scroll

html, body, div, a, li, h1, h2, h3, h4, h5, p, input, textarea
  padding: 0
  margin: 0
  font-size: .12rem
  font-weight: normal
  -webkit-tap-highlight-color transparent
  color: $Black

a
  color $Blue
  text-decoration none
  outline none
  -webkit-tap-highlight-color transparent
  &.active
    color: $dBlue

i
  font-style normal

input, textarea
  outline none
  border 0
  -webkit-appearance none

input[disabled],
input:disabled
  background $White

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder
  color $elBlack
input:-moz-placeholder, textarea:-moz-placeholder
  color $elBlack
input::-moz-placeholder, textarea::-moz-placeholder
  color $elBlack
input:-ms-input-placeholder, textarea:-ms-input-placeholder
  color $elBlack
  
.fade-enter-active, .fade-leave-active
  transition: opacity .25s

.fade-enter, .fade-leave-active
  opacity: 0

.fade-move
  transition: transform .25s

.page-body-content
  max-width: $bodyWidth - .4rem
  margin: 0 auto
  padding: .2rem 0
.mobile-page
  .page-body-content
    max-width: $mobileBodyWidth

.swiper-pagination-bullet
  background: $White
  opacity .4
  width .07rem
  height .07rem
  border-radius: .04rem
  transition: all .2s
  &.swiper-pagination-bullet-active
    opacity .9
    width: .12rem

.loadmore
  text-align center
  margin 0 auto
  line-height .4rem
  transition all .2s ease
  color $elBlack
  border-radius .05rem
  &.active
    cursor pointer
    background $White
    &:hover
      background $lSilver
      color $Black